<!doctype html>
<html class="no-js">

<head>
	<meta charset="utf-8" />
	<title>Wing Chun Exercices</title>
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link rel="stylesheet" media="all" href="css/style.css" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
	
	
	<!-- JS -->
	<script src="js/jquery-1.6.4.min.js"></script>
	<script src="js/css3-mediaqueries.js"></script>
	<script src="js/custom.js"></script>
	<script src="js/tabs.js"></script>
	
	<!-- Tweet -->
	<link rel="stylesheet" href="css/jquery.tweet.css" media="all" />
	<script src="js/tweet/jquery.tweet.js"></script>
	<!-- ENDS Tweet -->
	
	<!-- superfish -->
	<link rel="stylesheet" media="screen" href="css/superfish.css" />
	<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script src="js/superfish-1.4.8/js/superfish.js"></script>
	<script src="js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->
	
	<!-- prettyPhoto -->
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"
		media="screen" />
	<!-- ENDS prettyPhoto -->
	
	<!-- poshytip -->
	<link rel="stylesheet"
		href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css" />
	<link rel="stylesheet"
		href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css" />
	<script src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
	<!-- ENDS poshytip -->
	
	<!-- GOOGLE FONTS -->
	<link
		href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300'
		rel='stylesheet' type='text/css'>
	
	<!-- Flex Slider -->
	<link rel="stylesheet" href="css/flexslider.css">
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- ENDS Flex Slider -->
	
	<!-- Less framework -->
	<link rel="stylesheet" media="all" href="css/lessframework.css" />
	
	<!-- modernizr -->
	<script src="js/modernizr.js"></script>
	
	<!-- SKIN -->
	<link rel="stylesheet" media="all" href="css/skin.css" />

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
		function loadHeaderAndFooter() {
			$('#header').load('header.html',function() {
				var topContainer = $("#top-widget");
				var topTrigger = $("#top-open");
				
				topTrigger.click(function(){
					topContainer.animate({
						height: 'toggle'
					});
					
					if( topTrigger.hasClass('tab-closed')){
						topTrigger.removeClass('tab-closed');
					}else{
						topTrigger.addClass('tab-closed');
					}
					
					return false;
					
				});
			});
			$('#footer').load('footer.html'); 
		  }
	</script>

</head>

<body lang="fr" onLoad="loadHeaderAndFooter()">
	<header id="header" class="clearfix"> </header>
	
		<!-- MAIN -->
		<div id="main">	
			<div class="wrapper clearfix">
			
				
				<h2 class="page-heading"><span>Liste des exercices</span></h2>	

				<!-- thumbs -->
				<div class="portfolio-thumbs clearfix" >
	    			<figure>
	        			<figcaption>
	    					<strong>Application Chum Kil</strong>
	    					<span>Une des nombreuse application de Chum Kil, 
							étudiée dans cet exercice de manière pédagogique : utilisation de Bon Sao avec Wu Sao 
							et de Tan Sao.</span>
	    					<em>31 juillet 2013</em>
	    					<a href="application-chum-kil-1.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="application-chum-kil-1.html" class="thumb"><img src="img/chum-kil-didier-beddar.png" alt="Application Chum Kil" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>D&eacute;placements basiques</strong>
	    					<span>Une petite vid&eacute;o r&eacute;alis&eacute;e par Sifu SERROR 
							avec des d&eacute;placements et des mouvements de bases.</span>
	    					<em>31 juillet 2013</em>
	    					<a href="basic-moves.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="basic-moves.html" class="thumb"><img src="img/moves.gif" alt="D&eacute;placements basiques" /></a>
	        		</figure>
	        		
	        		<!-- <figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-3.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-4.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-5.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-6.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-7.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-8.jpg" alt="Alt text" /></a>
	        		</figure>
	        		
	        		<figure>
	        			<figcaption>
	    					<strong>Pellentesque habitant morbi</strong>
	    					<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae.</span>
	    					<em>December 08, 2011</em>
	    					<a href="project.html" class="opener"></a>
		        		</figcaption>
		        		
		        		<a href="project.html"  class="thumb"><img src="img/dummies/featured-9.jpg" alt="Alt text" /></a>
	        		</figure> -->
		        </div>
				<!-- ends thumbs-->
				
				
				<!-- pager -->
        		<ul class="pager">
					<li class="paged">Page 1 of 2</li>
					<li class="active"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
				</ul>
				<div class="clearfix"></div>
	        	<!-- ENDS pager -->
		
	        	
			</div>
		</div>
		<!-- ENDS MAIN -->
		
		<footer id="footer"> </footer>
	</body>

</html>